vue.js初相识

vue.js

ue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
除vue.js外还有AngularJS和react等框架结构

vue.js的是mvvm模式（Model-View-ViewModel)

iewModel是Vue.js的核心，它是一个Vue实例.从View侧看，ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化，如果有变化，则更改Model中的数据；
从Model侧看，当我们更新Model中的数据时，Data Bindings工具会帮我们更新页面中的DOM元素
总之model与view通过viewModel之间相互检测

vue.js的引用 为

<script src="https://unpkg.com/vue"&g...

声名式渲染

<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

双向绑定示例 (文本框内容改变p标签里的内容做出相应的改变)

<div id="app">
    <p>{{ message }}</p>
    <input type="text" v-model="message"/>
</div>
new Vue({
    el:'app',
    data:{
        message:qweryun
    }
    
})//

Vue.js 的语句

*v-on:事件
*v-for 循环语句
*v-if 判断
*v-model在input标签中用到
以上标签在下面网址中有用到
https://hxj886600.github.io/z...

组件

组件的实例在也下文档中
https://hxj886600.github.io/z...

Vue.js的安装

全局安装 vue-cli
$ npm install --global vue-cli

创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

$ cd my-project

$ npm install

$ npm run dev