-
npm install --global vue-cli查看全部
-
config:开发环境和线上环境的配置，可以不动
查看全部 -
vue-cli:脚手架工具
查看全部 -
1、计算属性：（高效率，当计算的值发生改变的时候，就会重新计算）
语法：
computed：{
c：function（）{
return this.a+this.b
}
这是一个计算器，可以计算进行各类基本操作；
watch:{name:function{
}} 这里可以侦听对应属性或者变量的变化
查看全部 -
属性绑定 :title='title' 后面的title不是个字符串 而是js的表达式 (new 实例下面的title）
数据双向绑定 v-model 是一个模板指令 input里面value的内容输入什么 下面content的内容就会显示出来
查看全部 -
创建全局组件：
<组件名 :content="123"></组件名>
vue.component("组件名",function（）{
props：['content'],
template:'<li>{{content}}</li>'
})
查看全部 -
1、计算属性：（高效率，当计算的值发生改变的时候，就会重新计算）
语法：
computed：{
c：function（）{
return this.a+this.b
}
}
2、侦听器：（当某个值发生改变的时候，就进行对应的操作）
语法：
wacth：{
a：function（）{
//业务逻辑
}
}
查看全部 -
1、
<div v-bind:title="title">属性绑定</div>
//可以缩写成：<div :title="title">属性绑定</div>
2、双向数据绑定：
<input v-model="content"/>
<div>{{content}}</div>
查看全部 -
1、如果用script引入js，最好放在head里面，用于防止页面抖屏
2、vue编写着重于数据
3、语法：
<div id="root">//挂载点
{{msg}} //挂载点里的内容都叫做模板内容，也可以直接将模板内容放到实例的template里面去
</div>
<script>
new vue({ //vue实例
el:"#root",
data:{
msg:"hello wold"
}
})
</script>
查看全部 -
通过script标签方式引入的vuejs放在head标签里面可以防止抖屏的现象。
查看全部 -
vur实例会监听到数据的改变，自动的帮你更新页面查看全部
-
我想让怎搞发生变化，并不需要直接地去操作dom只需要改变vue实例里面得数据，查看全部
-
在这个模板里面绑定一个事件，然后事件触发时，执行一个函数查看全部
-
v-text里面跟的东西是一个变量，告诉h，你要显示的内容就是number.这个变量查看全部
-
h1这个内容由number这个产变量决定查看全部
举报