vue常用指令和优势-01

• vue是什么?

  • 一个JavaScript渐进式框架,有自己的规则和语法

  • 渐进式就是按需逐渐集成功能的使用

• vue的优势

  • vue作为一款轻量级框架 , 简单易学 , 双向绑定数据 , 组件化 , 数据和结构相分离 , 虚拟DOM , 运行速度块 , 并且作者为中国人尤雨溪, 对应的API文档对国内开发者优化, 作为前端开发人员的首选入门框架
  • 优势
    • vue可以进行组件化开发 , 使代码编写量大大减少 , 读者更加易于理解
    • vue最突出的优势在于可以对数据进行双向绑定
    • 使用vue编写出来的界面效果本身就是响应式的, 这使得网页在各种设备上都能显示出非常好看的效果
    • 相比于传统的页面通过超链接实现页面的切换和跳转,vue使用路由不会刷新页面
    • vue是单页面应用,使页面局部刷新,不用每次跳转页面都要请求所有数据和dom,这样大大加快了访问速度和提升用户体验
    • vue的第三方UI组件库使用起来节省很多开发时间,从而提示开发效率

•  vue常用指令(以下代码使用脚手架@vue/cli)

  • v-model 多用于表单元素实现双向数据绑定

    • <template>
        <div>
          <p>{
              { message }}</p>
          <input type="text" v-model="message" />
        </div>
      </template>
      
      <script>
      // 目标 : 输入框输入内容 , 标签内容发送变化
      // 思路 : 双向绑定
      // 语法 : 在表单上添加 v-model = '变量名'
      export defau