• 为啥现在对后端要求这么高?
• 为啥不要求前端会后端呢?

可能是后端人太多了,要求后端需要会前端的框架(vue react angular ),

这不我为了适应市场的需求来系统的学习vue了:

生成一个基础的vue项目

创建vue项目

vue create projectname

创建vite+vue

npm init vite@latest 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

export default{
  data(){
    // 每个绑定仅支持单一表达式,也就是能够被求值的js代码
    return {
      msg:"模板语法",
      key:"键值对",
      ok:true,
      net:"百度一下"
    }
  }
}




vue基础--文本插值
{{ msg.split("").reverse().join("") }}
{{ key }}
{{ ok?'yes':'no' }}

{{ net }}

双大括号将会将数据插值解析位文本,而不是html,若想插入html,需要使用v-html

属性绑定

export default{
  data(){
    // 每个绑定仅支持单一表达式,也就是能够被求值的js代码
    return {
      msg:"模板语法",
      key:"键值对",
      ok:true,
      net:"百度一下",
      dynamicId: "appid",
  dynamicClass:"app服务器托管网class",
  name:"中国"
    }
  }
}




vue基础--文本插值
{{ msg.split("").reverse().join("") }}
{{ key }}
{{ ok?'yes':'no' }}

{{ net }}



{{ name }}

由于属性绑定很常用,所以可以简写为 :

所以上面属性绑定多个部分可以是下面这个样子的:

{{ appName }}
 

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: GaussDB SQL基本语法示例-CASE表达式

目录 一、前言 二、CASE Expression（CASE表达式）介绍 三、GaussDB数据库中的简单CASE表达式 1、基本概念 2、基本语法 3、示例 四、GaussDB数据库中的搜索CASE表达式 1、基本概念 2、基本语法 3、示例 五、小结 一、…