vue基础使用

Posted 2021-01-31 believepd

官方文档

一、vue的起步

创建实例化对象：

<div id=‘app‘>
    <h3>{{xx}}</h3>
</div>
<script src="./js/vue.js"></script>
<script>
    // 使用vue第一步，创建vue实例对象
    var app = new Vue({
        el:‘#app‘, // 当前实例绑定的元素
        data:{ // 所有的数据都放在数据属性中
            xx:‘Hello World!‘
        } 
    })
    // {{}}: 模板语法插值
    // {{变量}}
    // {{1+1}}
    // {{‘hello‘}}
    // {{函数的调用}}
    // {{1==1?‘true‘:‘false‘}}
</script>

二、指令系统

<!-- 常用 -->
v-text 
v-html 
v-if
v-show
v-for
v-bind
v-on

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1