vue重点难点
1.安装环境以及初始化单页项目
(1)安装node.js node中会自带npm
(2)网络不好时可用cnpm代替npm cnpm install npm -g
(3)安装vue cnpm install vue
(4)安装vue-cli,用于快速搭建大型单页应用 cnpm install --global vue-cli
(5)初始化vue项目 vue init webpack my-project
(6)安装依赖包 cnpm install
(7)运行项目 cnpm run dev
(8)编译项目,编译项目后在dist文件夹下 cnpm run build
2.MVVM
MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM事件监听。这两个方向都实现的,我们称之为数据的双向绑定。
3.vue数据绑定
(1)插值绑定
文本插值–{
{value}} data中声明变量value
html插值<div v-html="innerhtml"></div>
data中声明变量用于存储html数据 innerhtml=<h1>这是一个标题</h1>
(2)属性绑定
v-bind指令 dom节点属性基本都可以用v-bind进行绑定