Vue 集成环境开发及项目创建

最新推荐文章于 2024-04-08 10:32:35 发布

致可乐

最新推荐文章于 2024-04-08 10:32:35 发布

阅读量413

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/ling_xy/article/details/115339917

版权

文章目录

网页版环境搭建（不用）
集成环境开发

vue是单组件开发模式，组件内来回的跳
vue中不支持es6,需要用Bable转码器将es6转换为es5

创建的vue项目中，package.json中
serve 创建
bulid 发布(打包) 生成dsit文件其他不要
lint

特点：

渐进式框架：框架自身东西并不多，延伸的很多。如接入UI库插件（PC&移动），能自适应插件库的封装
虚拟dom：原生dom稍微修改就需要重新加载，性能很低。

网页版环境搭建（不用）

直接用 <script> 引入

直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <!-- 使用vue cdn 搭建静态网页版开发环境
        引入远程cdn <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    -->
    <div id="app">