-
每一个vue的组件都是一个vue的实例<==>每一个vue实例都是一个vue组件
在一个vue项目中 都有多个vue实例组成
每一个实例包含自己的props、data、template、methods等
一般每个vue实例都有一个自己的模板 template,对于一个根实例 如果没有,就会去找挂载点。
举例子:
会把root下的所有Dom标签当做模板
查看全部 -
侦听器指的是 监控某个数据/计算属性是否发生变化 一旦发生变化 就可以在侦听器里面写一些业务逻辑。
computed 计算属性
一个属性由另一个属性计算而来 如果fistName和lastName都没改变 会利用缓存值。
只有其中一个发生改变 才会重新计算 然后改变。
查看全部 -
注册自定义组件 Vue.component(' xx-xxx', {
template: '<li></li>'
})
查看全部 -
实现功能: 在 input 框里输入信息,放进下方的列表项
原理: 每次输入的信息放进 data 数组,利用数据双向绑定
在 <li v-for="item">{{item}}</li> 里进行渲染
查看全部 -
v-if 和 v-show 的异同
都能实现显示隐藏的切换
区别 v-if 会将标签从 dom 树里移除 (销毁dom 重新创建),而 v-show不会(只修改display)
查看全部 -
计算属性{{xx}}
computed: {
xx : function() {
return this.x1 + ' ' + this.x2
}
}
-----------------------------------
侦听器 x1的值改变时触发
watch: {
x1: function(){
this.count++
}
}
查看全部 -
v-test , v-html 类似于{{}}
v- 可以简写为 @,v-click 就是 @click
查看全部 -
什么是挂载点:
即 new Vue({ el:"#xxx"}) 对应标签的标签 id="xxx",vue 只会去处理挂载点内部的内容
html 模板写在挂载点内,也可以写在 template 属性里:
即 new Vue({ template:'<xx>x...<xx>'})
查看全部 -
Vue2 安装
保存到文件夹中命名vue.js
https://v2.cn.vuejs.org/v2/guide/installation.html
在head部分新建script标签引入vue.js库 (不在body中引入是为了防止抖屏)
查看全部 -
上面的div标签称为vue实例的挂载点
查看全部 -
El指的是Vue实例与哪一个节点绑定
查看全部 -
局部组件调用需要做一个声明
查看全部 -
通过vue.component定义的组件称为全局组件
查看全部 -
实现V-bind数据项的绑定
查看全部 -
挂载点:
vue实例的里面el属性对应的id节点,vue只会处理挂载点里面的内容
模版:
指挂载点里面的内容
写法:
1):写在挂载点里面
2):使用template属性写在vue的实例里面
挂载点,模版,实例之间的关系:
在vue的实例里面指定一个挂载点,然后写上模版,vue就会自动结合
模版和数据生成最终想展示的内容并放在挂载点里面
查看全部
举报