导航:首页 > 源码编译 > 怎么手动编译vue模版

怎么手动编译vue模版

发布时间:2023-09-13 07:44:45

1. weex最新版如何将.vue编译成.js文件

1.components 目录新建validate.js:
export default{
install(Vue){
Vue.prototype.$myName = "zhagngsan";
}
}
我插件定义属性
2.入口文件jssrc/index.js 加入:
// 引入
import validate from "./../components/validate";
// 使用
Vue.use(validate);
3.我user-username.vue 组件验证:
mounted(){
alert(this.$myName);
},
浏览器访问登录页面功弹:
写图片描述
4.刚刚我已经插件定义属性马何定义:
export default{
install(Vue){
// Vue.prototype.$myName = "zhagngsan";
Vue.prototype.checkUserName = (value) => {
if(/\w{6,20}/.test(value)){
return true;
}else{
return false;
}
}
}
}
同使用该:
if(this.checkUserName("hello")){
alert("ok");
}else{
alert("error");
}
5.
写图片描述
我修改user-name.vue 组件实现文本框验证:


用户名


用户合
写图片描述
自定义指令
文档:
1、validate.js:
export default{
install(Vue){
// Vue.prototype.$myName = "zhagngsan";
Vue.prototype.checkUserName = (value) => {
if(value == ""){
return true; // 没填写,默认true
}
if(/\w{6,20}/.test(value)){
return true;
}else{
return false;
}
}
Vue.directive("uname",{
bind(){
console.log("bind"); // 调用
},
update(el,binding,vnode){
console.log(el);
console.log(binding);
console.log(vnode);
},
})
}
}
2、我自定uname 指令面看何使用

我组件模板使用 v-uname 并且给绑定username数据
我打浏览器控制台:
写图片描述
说明我定义指令执行:
bind(){
console.log("bind"); // 调用
},
3、面我看update 东东
update(el,binding,vnode){
console.log(el);
console.log(binding);
console.log(vnode);
}

2. volar怎么快速生成vue模板

配置自定义的snippets。
通过vscode的snippets我们可以自己配置自定义的snippets,从而实现快捷生成代码片段,在VsCode里按F1,输入snippets->选择配置用户代码片段,选择后出现选择配置的界面,这里我们对Vue文件的代码片段进行配置,然后就完成了。
随着vscode以及vue的越来越普及,vetur这个名字也越来越被人熟知。vetur是一个vscode插件,用于为.vue单文件组件提供代码高亮以及语法支持。

阅读全文

与怎么手动编译vue模版相关的资料

热点内容
志愿服务器怎么使用 浏览:133
房贷解压预约怎么操作 浏览:198
苹果下载app内购买怎么弄 浏览:221
单片机按键的原理 浏览:421
安卓如何打开设置中的悬浮窗 浏览:601
择吉日用什么app 浏览:335
安卓转苹果王者什么时间完成 浏览:812
linux文本编码格式 浏览:663
浙江阿特拉斯压缩机上门维修 浏览:627
自己创建的mc服务器崩溃怎么办 浏览:158
什么叫加密方法 浏览:203
linux时钟调度 浏览:763
光盘加密文件怎么设置 浏览:765
程序员头痛图 浏览:255
redis二级缓存源码 浏览:711
游资大咖指标源码 浏览:485
c4d的配置文件夹怎么改位置 浏览:412
和平精英服务器超时是什么意思 浏览:609
怎么查看工商银行卡绑定了哪些app 浏览:159
linux调度程序 浏览:486