vue常用术语

1.挂载点

  1. <div class="app">
  3. </div>

2.vue实例
const app = Vue.createApp({}).mount(".app")
3.数据注入

  1. const obj = {
  2.             $data: {
  3.                 email: "123456789@qq.com",
  4.             },
  5.             get email() {
  6.                 return this.$data.email;
  7.             },
  8.         }

4.响应式
app.username = "李同学";

vue常用指令

v-text
<p>用户名:<span v-text="username"></span></p>
v-html
<p>用户名:<span v-html="username"></span></p>
app.username = '<span style="color:red">张同学</span>';
v-once
<p>用户名:<span v-once="username"></span></p>
样式绑定:v-bind,简化:冒号
<p v-bind:style="style">嗓子疼</p>
<p :class="['active','bgc']">一会就出去</p>
双向绑定v-model

  1. <div class="app">
  2.         <p>
  3.             <input type="text" v-model="comment" :value="comment" />
  4.             <span>{{comment}}</span>
  5.         </p>
  6.     </div>

更多相关文章

  1. android将线程绑定在指定CPU
  2. SQLServer更改sa用户名的方法
  3. 基于Android(安卓)DataBinding的InverseBindingMethod改进SeekBa
  4. Android应用程序绑定服务（bindService）的过程
  5. android google map apiKey 相关操作
  6. 如何恢复数据库的账号 登录名/用户名等
  7. Android(安卓)Databinding（一）
  8. android之listview内存优化
  9. Android(安卓)TabHost的使用 .

随机推荐

  1. Matplotlib 中等高线图（contour）的绘制
  2. 努力不一定能成，不努力一定不成
  3. 【Android】实现登录、注册、数据库操作（
  4. 万字长文详解Python正则表达式及re模块
  5. 浅谈生活中的短网址和短ID
  6. Markdown中输入数学公式及LaTex常用数学
  7. 笔试练习题(十)
  8. 偷学Python第二十九｜time模块和calendar模
  9. “三本”如何高效自学前端四个月逆袭
  10. Python办公自动化｜自动更新不对称表格