当前位置: 首页 > news >正文

国内知名网站市场营销策划方案书

国内知名网站,市场营销策划方案书,wordpress首页文章轮播,1688货源网一件代发女装开发Vue的两种方式: 1.核心包传统开发模式: 基于 html/css /js 文件,直接引入核心包,开发 Vue。 2.工程化开发模式: 基于构建工具 (例如: webpack)的环境中开发 Vue。 问题: 1. webpack 配置不简单 2. 雷同的基础配置 3. 缺乏统…

开发Vue的两种方式:

1.核心包传统开发模式: 基于 html/css /js 文件,直接引入核心包,开发 Vue。
2.工程化开发模式: 基于构建工具 (例如: webpack)的环境中开发 Vue。

 

 问题:
        1. webpack 配置不简单
        2. 雷同的基础配置
        3. 缺乏统一标准

需要一个工具,生成标准化的配置

工程化开发 & 脚手架 Vue CLI:

基本介绍:
        Vue CLI 是 Vue 官方提供的一个全局命令工具.

        可以帮助我们快速创建一个开发 Vue 项目的标准化基础架子。[集成了 webpack 配置]

好处:

        1. 开箱即用,零配置

        2. 内置babel等工具

        3. 标准化


使用步骤: 
1.全局安装(一次): yarn global add @vue/clinpm i @vue/cli -g

2.查看 Vue 版本: vue --version

3.创建项目架子: vue create project-name (项目名-不能用中文)-vue2

4.启动项目: yarn servenpm run serve (找packagejson)

脚手架目录文件介绍 & 项目运行流程:

 

 

 main.js组件:

// 文件核心作用: 导入App.vue, 基于App.vue创建结构渲染index.html// 1. 导入 Vue 核心包
import Vue from 'vue'// 2. 到入 App.vue 根组件
import App from './App.vue'// 提示: 当前处于什么环境 (生产 / 开发)
Vue.config.productionTip = false// 3. VUe实例化, 提供render方法 -> 基于App.vue创建结构渲染index.html
new Vue({// el: "#app", 作用: 和 $mount('选择器')作用一致,用于指定Vue所管理容器//render: h => h(App),render:(createElement) => {// 基于 App 创建元素结构return createElement(App)}
}).$mount('#app')

index.html组件:

<body><!-- 兼容: 给不支持js的浏览器一个提示 --><noscript><strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><!-- Vue所管理的容器: 将来创建结构动态渲染这个容器 --><div id="app"><!-- 工程化开发模式中: 这里不在直接编写模板语法,通过 App.vue 提供结构渲染 --></div><!-- built files will be auto injected --></body>

http://www.tj-hxxt.cn/news/9258.html

相关文章:

  • 网站腾讯qq对话框怎么做自媒体平台
  • 做网站建设需要什么资质培训总结精辟句子
  • 郑州营销网站托管公司公司网站设计方案
  • 中国石油销售公司网站建设网站怎么注册
  • 域名年费多少网站建设上海seo顾问推推蛙
  • 网站设计与wap网站开发技术珠海网站建设制作
  • 广州购物网站百度推广代理商
  • 各大电商购物网站转化率报表万能软文模板
  • 今日头条湖北最新消息如何网站关键词优化
  • 做网站的公司msggseo综合查询网站
  • 做网站游戏需要什么中国十大品牌营销策划公司
  • 动力论坛源码网站后台地址是什么360指数查询工具
  • 上海可以做网站的公司山东seo网络推广
  • 迁安做网站中的cms开发seo是如何做优化的
  • 网站开发怎么学怎么优化标题和关键词排名
  • 贸易公司寮步网站建设价钱网站快速收录入口
  • 美国做电商网站有哪些seo智能优化系统
  • 外贸建站平台哪家好电工培训学校
  • 新手学做网站12天婴太原网络推广公司哪家好
  • 淄博网站建设0533cl郑州网络营销推广公司
  • 宝安专业网站设计多少钱今天特大军事新闻
  • 兖州住房与城乡建设局网站2022百度seo优化工具
  • 做网站的结论和心得seo入门培训课程
  • 虚拟产品网站神马移动排名优化
  • 网站建设 客户评价怎么联系百度推广
  • 丘里奇网站排名百度快照是什么意思
  • wordpress limit长沙seo优化哪家好
  • 飘仙建站论坛郑州seo外包v1
  • 建网站需成本多少钱重庆森林台词
  • 网站备案平台的服务简介cba目前排名