-
Vue.component('todo-item',{
template:'<li>item</li>'
})全局组件
查看全部 -
ToDoList无须注册即可使用,数据存储在用户浏览器的html5本地数据库里,是最简单最安全的待办事项列表应用!
查看全部 -
1.计算属性 computed: {}
1.1表示这个属性是由其他属性计算出来的
1.2属性计算有个好处
当first last 没改变时 会使用上一次的缓存值 不会再次计算
只有两个中的一个改变时才会重新计算 性能高
2.侦听器 watch：{}
2.1会监测某一个数据或属性的变化 一旦发生变化就可以在监听器里面写一些业务逻辑
技巧：通过监听fullname计算属性 而不需写俩个监听器
查看全部 -
在vue-cli中定义data时，不再是对象，而是以function函数的形式返回对象
而es6中可以省略"function"
查看全部 -
局部组件demo
查看全部 -
v-if----==false删除
v-show------false display:none
查看全部 -
计算属性computed：一个属性通过其他属性计算而来
侦听器watch：
查看全部 -
v-text：会转义标签
v-html:不会转义标签
v-on:绑定事件可以简写成@
查看全部 -
vue-cli data的正确使用，以及template模板的使用
查看全部 -
①绑定指令（将data绑定到标签里比如title：v-bind：title="title"）：v-bind可以简写成：
②v-model:双向数据绑定
查看全部 -
v-bind的简写是冒号。
例子：
<div :title="title">
hello world
</div>
双向数据绑定：
v-model
查看全部 -
指导简写： v-on: @ v-blind: :
双向数据绑定指令：v-modal
查看全部 -
v-on: 简写 @
{{content}} 插值表达式 也可以写成 <div v-text="content">或者<div v-html="">
v-text: 输出 <h1>hello</h1>
v-html: 输出 hello （hello有h1的样式）
new Vue({
el:'#root',
data:{
cotent:'hello'
},
methods:{
handleClick:function(){
this.content="world"
}
}
})
查看全部 -
v-text不会将内容进行转义为带有格式的
例如：<h1>hello world<h1>只会输出为<h1>hello world<h1>。
而v-html则会转义成
例：hello world（带有h1格式的）
查看全部 -
new Vue({
el:"#root",
template:'<p>hello {{msg}}</p>',
data:{
msg:"hello world"
}
})
在这个代码中，要以英文逗号为分割点。
查看全部
举报