Vue注意事项

简介: Vue注意事项

v-model

v-model指令只能配合表单元素一起使用。

v-model 默认监听的为value的值,v-model:value=“t” 可以简写为 v-model=“t” 。

事件绑定中写简单的js语句

写vue实例对象上不存在的属性会报错

alert函数在window上,但是如下这种写法只会在vue实例对象上寻找,不会向上寻找window

<body>
  <div id="app">
    <h1>今天天气很{{info}}</h1>
    <button @click="alert(1)">点击</button>
  </div>
  <script>
    new Vue({
      el: '#app'
    })
  </script>
</body>

可以先把window挂到vue实例对象的data中

<body>
  <div id="app">
    <h1>今天天气很{{info}}</h1>
    <button @click="window.alert(1)">点击</button>
  </div>
  <script>
    new Vue({
      el: '#app',
      data: {
        window
      }
    })
  </script>
</body>


相关文章
|
3天前
|
JavaScript 前端开发
Vue,如何引入样式文件
Vue,如何引入样式文件
|
3天前
|
JavaScript
|
1天前
|
JavaScript 开发工具 git
大事件项目40---Vue代码里如何引入相对路径图片
大事件项目40---Vue代码里如何引入相对路径图片
|
2天前
|
JavaScript
vue滚动到页面底部时加载
vue滚动到页面底部时加载
5 1
|
3天前
|
JavaScript
Vue搭配ELEMENT组件,路由不能正确跳转bug
Vue搭配ELEMENT组件,路由不能正确跳转bug
Vue搭配ELEMENT组件,路由不能正确跳转bug
|
2天前
|
JavaScript 前端开发
一个好看的vue admin模板
这是一个关于Vue管理模板的引用,提到了[PanJiaChen](https://github.com/PanJiaChen/vue-admin-template)在GitHub上的`vue-admin-template`项目。该项目是一个前端管理模板,链接指向了详细的资源。页面中还包含了一张图片,但markdown格式中无法直接显示。简而言之,这是关于一个基于Vue的后台管理界面模板的参考信息。
|
2天前
|
资源调度 JavaScript API
Vue-treeselect:为Vue应用程序提供强大选择器的指南
Vue-treeselect:为Vue应用程序提供强大选择器的指南
6 0
|
2天前
|
JavaScript
vue知识点
vue知识点
5 0
|
3天前
|
JavaScript
|
3天前
|
JavaScript
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法
Vue搭配ELEMENT之后,右侧点击栏点击跳转到空白页解决方法