vuejs 与 vue.runtime.xxx.js

53 阅读1分钟

关于不同版本的vue:

   1. vue.js  与 vue.runtime.xxx.js 的区别:

        1)vue.js 是完整版的vue, 包含:核心功能+模板解析器

    2)vue.runtime.xxx.js 是运行版的vue, 只包含:核心功能,没有模板解析器。

   

   2. 因为 vue.runtime.xxx.js 没有模板解析器,所以不能使用 template 配置项,需要使用 render 函数接收到的createElement 函数去指定具体内容。

  ref属性:

     1. 被用来给元素或者子组件注册引用信息(id的替代者)

     2. 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)

     3. 使用方式:

           打标识:

…..

或  < 子组件  ref=‘xxx’ ></子组件>

            获取:this.$refs.xxx

 插件:

     功能:用于增强vue

     本质:包含install 方法的一个对象,install 的第一个参数是vue,第二个以后的参数是插件使用者传递的数据。

      定义插件:

          对象.install = function(vue,options){

// 1. 添加全局过滤器

                   Vue.filter(….)

               // 2. 添加全局指令

                  Vue.directive(….)

        // 3. 配置全局混入

                   Vue.mixin(….)

          // 4. 添加实例方法

                  Vue.prototype.$myMethod = function(){ … }

                   Vue.prototype.$myProperty = xxxx

          }

       使用插件: 

               Vue.use(插件名)

  Scoped 样式 :

        作用:让样式在局部生效,防止冲突

         写法:< style scoped>

  

Markdown 文件查看小插件:typora