v-bind和model

vue v-bind和v-model

<div id="app">
        <!-- {{XXX}}用于解析标签体的内容   插值语法或插值表达式-->
        第一个实例：{{name}}--{{age}}--{{sex}}
        第二个人名：{{obj.name}}
        函数：{{func()}}
        三目运算符：{{age==18?"我是18岁":"我不是18岁"}}
        运算：{{1+1}}
        <!-- v-bind:进行单向绑定属性  v-bind: == :简写形式 -->
        <div :x="age">我是p标签</div>
        <!-- v-model: 双向数据绑定表单类：input select 
        文本域 单选框 多选框 简写形式v-model:="xxx"-->
        v-model账号：<input type="text" v-model:value="name1">
    </div>

引入本地vue或网上文件

//本地文件(需要下载)
<script src="./js/vue.js"></script>
//网上csdn文件
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.10/dist/vue.js"></script>

	Vue.config.productionTip = false;//阻止开发环境提示
    const vm = new Vue({
        // 第一种el方式绑定
        el:"#app",
        // data是对象形式
        data:{
            name:"张三",
            name1:"王五",
            age:20,
            sex:"男",
            obj:{
                name:"李四",
            }，
            func(){
                return 99;
            },
        }
        console.log(vm);