网站建设设计图软件,网站外链发布平台,西安官网优化报价,做网站必备1.介绍
1.一款用于构建用户页面的JavaScript框架
2.基于HTML、CSS、JavaScript
3.官方文档#xff1a;cn.vuejs.org2.渐进式框架
1.注重灵活性/可被逐步集成
根据需求场景#xff1a;1.无需构建步骤#xff0c;渐进式增强静态的HTML2.在任何页面中作为Web Components嵌入cn.vuejs.org2.渐进式框架
1.注重灵活性/可被逐步集成
根据需求场景1.无需构建步骤渐进式增强静态的HTML2.在任何页面中作为Web Components嵌入组件3.单页应用SPA整个应用只有一个页面4.全栈/服务端渲染SSR5.Jamstack/静态站点生成SSG6.开发桌面端移动端WebGL命令行终端中的界面3.版本问题
1.两大版本Vue2/Vue3Vue3涵盖了Vue2知识体系Vue3增加了新特性4.vue组件风格书写
4.1.选项式APIVUE2 可以包含多个选项的对象来描述组件的逻辑如datamethods和mounted。选项
所定义的属性会暴露在函数内部的this上他会指向当前的组件实例script srchttps://unpkg.com/vue3/dist/vue.global.js/scriptdiv idapp{{ message }}/divscriptconst { createApp } VuecreateApp({data() {return {message: Hello Vue!}}}).mount(#app)
/script4.2.组合式APIVUE3 可以使用导入的API函数来描述组件逻辑script srchttps://unpkg.com/vue3/dist/vue.global.js/scriptdiv idapp{{ message }}/divscriptconst { createApp, ref } VuecreateApp({setup() {const message ref(Hello vue!)return {message}}}).mount(#app)
/script5.如何选择
1.当你不需要使用构建工具或者打算主要在低复杂度的场景中使用VUE例如渐进增强的应用场景推荐采用选项式API
2.当你打算用VUE构建完整的单页应用推荐采用组合式API单文件组件6.开发前的准备
1.熟悉命令行
2.已安装15.0或更高版本的Node.js7.创建vue项目
1.命令行找到要放置代码的位置npm init vuelatest这一指令将会安装并执行create-vue它是官方的项目脚手架工具配置项Project name项目名称不要存在大写Add TypeScript是否添加ts默认是NOAdd JSX Support是否添加支持JSX语法默认是NOAdd Vue Router for Single Page Application development是否添加vue路由默认NOAdd Pinia for state management是否添加Pinia状态管理默认是NO其他配置都是测试文件全默认NO 后须可以进行开发了
8.开发环境
1.推荐的IDE配置是 VSCode Volar扩展插件
