vue入门、基础语法

vue模板语言

v-html append(html) 插入html子元素
v-bind 属性绑定 可缩写成 ：
v-for :key for循环
v-if v-else if判断语句 条件为false时不渲染dom
v-show 展示/掩藏
v-on:click 事件绑定 可缩写成 @
v-model 数据双向绑定
arg | func 过滤器
:class="‘变量test=’+test"
{ {}}

Vue构造函数

一个vue项目的入口
Vue({
el: ‘#app’ 挂载的真实DOM
components: {} 挂载局部组件
router， 定义的router（new Router({routes:[{path:,name:,component}]})）
template: ‘’
})

组件

component1.vue定义

<template>
     <label>初始值：    <input type="text" value="tempdata" /></label>
     <p>初始值+1：{
  {tempdata2}}</p>
</template>