javascript - 有无必要将vue的代码放到jquery的$(function () {})中？

Question

看到vue文档中，使用new Vue({})时，有时前面加了个变量

var example1=new Vue({...})      

有时又没有加，直接

new Vue({...})  

那么，
1、加和不加有什么区别？
2、为了让new Vue成为局部的，有无必要把vue的代码放到jquery的$(function () {...})中？

Answer 1

1.赋值给一个变量是用来访问 vm 实例中的一些属性。比如:

var vm = new Vue({
    el: 'body',
    data: {count: 0}
})

console.log(vm.$data.count)
//=> 0

很多时候用来测试。

楼上说作为组件可能是搞错了， new Vue 并不是组件。

2.局部变量。

没有必要，如果想避免和其他文件中的变量名冲突，随便放到一个 function 中都行。

另外还是推荐使用 Webpack 来打包。

Answer 2

直接new没什么意义，应该要输出到变量里，在module export之类输出组件。
es6里就不需要jquery作用域了，直接let