河南省住房和城乡建设厅门户网站,设计制作小车二教学设计,房间设计图软件,网站被搜索引擎收录为啥现在对后端要求这么高?为啥不要求前端会后端呢?
可能是后端人太多了,要求后端需要会前端的框架(vue react angular ),
这不我为了适应市场的需求来系统的学习vue了:
生成一个基础的vue项目
创建vue项目
vue create projectname
创建vitevue
npm init vitelatest p…为啥现在对后端要求这么高?为啥不要求前端会后端呢?
可能是后端人太多了,要求后端需要会前端的框架(vue react angular ),
这不我为了适应市场的需求来系统的学习vue了:
生成一个基础的vue项目
创建vue项目
vue create projectname
创建vitevue
npm init vitelatest projectname --template vue
package.json
记录项目信息,名称,版本
生产依赖以及开发依赖
package-lock.json
追踪package.json中的依赖版本
项目结构:
node_modules 依赖文件夹
public 资源文件夹
src 源码文件夹
package.json 信息描述文件
vite.config.js vue配置文件
package-lock.json 依赖确定文件
模板语法:
App.vue
script
export default{data(){// 每个绑定仅支持单一表达式,也就是能够被求值的js代码return {msg:模板语法,key:键值对,ok:true,net:a hrefhttp://www.baidu.com百度一下/a}}
}
/script!-- 模板语法 --
template
h1vue基础--文本插值/h1
p{{ msg.split().reverse().join() }}/p
span{{ key }}/span
p{{ ok?yes:no }}/pp{{ net }}/p
!-- 使用原始html 需要使用 v-html --
p v-htmlnet/p
/template双大括号将会将数据插值解析位文本,而不是html,若想插入html,需要使用v-html
属性绑定
script
export default{data(){// 每个绑定仅支持单一表达式,也就是能够被求值的js代码return {msg:模板语法,key:键值对,ok:true,net:a hrefhttp://www.baidu.com百度一下/a,dynamicId: appid,dynamicClass:appclass,name:中国}}
}
/script!-- 模板语法 --
template
h1vue基础--文本插值/h1
p{{ msg.split().reverse().join() }}/p
span{{ key }}/span
p{{ ok?yes:no }}/pp{{ net }}/p
!-- 使用原始html 需要使用 v-html --
p v-htmlnet/p
!-- 绑定属性使用 v-bind--
div v-bind:iddynamicId v-bind:classdynamicClass{{ name }}/div
/template由于属性绑定很常用,所以可以简写为 :
所以上面属性绑定多个部分可以是下面这个样子的:
div :iddynamicId :classdynamicClass{{ appName }}/div
