vue学习基础(1)

1、使用vscode编辑器需要安装live server(热更新) 和 vetur(vue关键字高亮)插件,配置setting如下,对所写的代码进行格式化

{
    "editor.formatOnType":true,
    "editor.formatOnSave":true
}

2、el和data的使用

3、methods方法,使用es6的表达形式

methods:{
        test1(time){
            return `这是es6de${this.message}、${time}`
        }
    },

4、v-bind属性绑定

5、VueCli3.x小白入门-v-on事件绑定

6、VueCli3.x小白入门-事件修饰符

7、VueCli3.x小白入门-键盘事件

8、VueCli3.x小白入门-v-model

预期:随表单控件类型不同而不同。

限制: