v-on指令2020-09-28

目标：熟悉Vue

深入了解组件
1 组件注册
2 Prop
3 自定义事件
4 插槽
5 动态组件 & 异步组件
6 处理边界情况

过渡 & 动画
1进入/离开 & 列表过渡
2状态过渡
核心插件
1 Vue Router
2 Vuex
3 Vue 服务端渲染
——————————————————————————————————————
安装了node.js | npm |cnpm |vue-cli
网址：https://blog.csdn.net/k_young1997/article/details/104539263

权限问题：
命令： sudo su是当前用户暂时申请root权限
进入vi/vim的命令
vi filename :打开或新建文件，并将光标置于第一行首
vi +n filename ：打开文件，并将光标置于第n行首
vi + filename ：打开文件，并将光标置于最后一行首
vi +/pattern filename：打开文件，并将光标置于第一个与pattern匹配的串处
vi -r filename ：在上次正用vi编辑时发生系统崩溃，恢复filename
vi filename….filename ：打开多个文件，依次进行编辑
进入插入模式
按下键盘i，就可以进入插入模式了
退出保存命令
按esc键，退出插入模式即可进入命令模式。
在末尾输入":wq" 即可写入保存并离开。
——————————————————————————————————————
学习
v-on 指令，它用于监听 DOM 事件
v-on:click="shaw()" 可以简化为@click="shaw"

  <!-- view -->
    <div id="app">
        <input type="button" value="按钮1" v-on:click="show()">
        <p>
            {{word}}
        </p>
    </div>
    ___________________________________________________________________
    <script>
  // model
        var m =  {
            word :"hello11"
        };
       _____________________________________
    // viewmodel
        var vm = new Vue({
            el:"#app",
           data: m , //数据
           methods:{ 
            show: function () {
                  console.log("hello world")
                  this.word = "heeee"
              }
           }//方法
        })
        </script>