Vue.js起手式+Vue小作品实战
1、Vue.js(读音 /vju/, 类似于 view ) 是一套构建用户界面的 渐进式框架 。与其他重量级框架不同的是Vue 的核心库只关注视图层。
2、使用vue的extend方法创建一个插件的构造函数(可以看做创建了一个vue的子类),实例化该子类,之后的所有操作都可以通过这个子类完成。之后再Vue的原型上添加一个共用的方法。这里需要着重提的是Vue.extend()。
3、递归组件组件在它的模板内可以递归地调用自己, 只要给组件设置name 的选项就可以了。
如何写vue插件实例分享
1、如果你看过龙哥前面的教程,你应该知道,当我们引入的插件,是一个对象的时候,应该使用:use方法,可以把一个符合vue标准的对象加载到vue本体上。首先给我们的main.js下面增加一行。
2、Vue.js 的插件应该暴露一个 install 方法。
3、父组件将配置项作为一个对象传入中间组件,在中间组件里面对默认配置项进行初始化和覆写,然后再以v-bind={生成好的配置}的方式传入子组件,在子组件里面进行验证。
构建实用VUE3项目
使用Vite搭建Vue的TypeScript版本的时候,可以使用 Vite自带的模板预设 —— vue-ts 。
Vite 是一个 web 开发构建工具,由于其原生 ES 模块导入方式,可以实现闪电般的冷服务器启动。使用 Vite 可以快速构建 Vue 项目。 Vite 需要 Node.js版本 10以上。
)App.vue:根组件;5)main.js:入口js文件;static:静态资源目录,如图片、字体等。