vue从入门到放弃(代码片段)

胡庚申 胡庚申     2022-12-15     154

关键词:

vue2.0创建项目命令:

(base) goldwater@hujinshui vue % cnpm install -g vue-cli
(base) goldwater@hujinshui vue % vue init webpack vue2.0-demo

? Project name vue2.0-demo # 项目名称
? Project description A Vue.js project # 项目描述
? Author your name # 开发者名字
? Vue build standalone # vue 编译模式
? Install vue-router? Yes # 是否安装vue 路由
? Use ESLint to lint your code? No # 是否使用vue代码检测插件
? Set up unit tests No # 是否设置单元测试
? Setup e2e tests with Nightwatch? No # 是否使用自动化测试插件Nightwatch
? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys) # 使用哪个管理插件包

❯ Yes, use NPM
  Yes, use Yarn
  No, I will handle that myself
  To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

# Project initialization finished!
# ========================

To get started:

  cd vue2.0-demo
  npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

(base) goldwater@hujinshui vue % cd vue2.0-demo
(base) goldwater@hujinshui vue2.0-demo % npm run dev

vue3.0创建项目命令:

(base) goldwater@hujinshui vue % cnpm install -g @vue/cli
(base) goldwater@hujinshui vue % vue create vue3.0-demo-1
Vue CLI v4.5.13
? Please pick a preset: (Use arrow keys)
❯ Default ([Vue 2] babel, eslint) # 默认使用vue3的配置
  Default (Vue 3) ([Vue 3] babel, eslint) # 默认使用vue3的配置
  Manually select features # 自定义配置
  # 上述选择后,等待安装即可
  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...

added 1236 packages in 20s
🚀  Invoking generators...
📦  Installing additional dependencies...


added 3 packages in 2s
⚓  Running completion hooks...

📄  Generating README.md...

🎉  Successfully created project vue3.0-demo-1.
👉  Get started with the following commands:

 $ cd vue3.0-demo-1
 $ npm run serve

(base) goldwater@hujinshui vue % cd vue3.0-demo-1
(base) goldwater@hujinshui vue3.0-demo-1 % npm run serve

vue从入门到放弃(代码片段)

----------------------------------------------------点击这里《专栏目录》查看更多--------------------------------------------------------------------------------------------------------点击这里《专栏目录》查看更多---------------- 查看详情

vue从入门到放弃(代码片段)

vue2.0创建项目命令:(base)goldwater@hujinshuivue%cnpminstall-gvue-cli(base)goldwater@hujinshuivue%vueinitwebpackvue2.0-demo?Projectnamevue2.0-demo#项目名称?ProjectdescriptionAVue.jsproject#项目描述?Au 查看详情

vue从入门到放弃(代码片段)

vue——filter过滤器filterDemo.vue<template><div><h1>过滤器</h1>message|lower</div></template><script>exportdefaultdata()returnmessage:'HelloWorld',fi 查看详情

vue从入门到放弃(代码片段)

vue——filter过滤器filterDemo.vue<template><div><h1>过滤器</h1>message|lower</div></template><script>exportdefaultdata()returnmessage:'HelloWorld',filters:low 查看详情

vue从入门到放弃(代码片段)

插值表达式templateDemo.vue<template><div>HelloWorld!!!<h1>插值表达式</h1>msgnamesex=='1'?'男':'女'<h1>指令</h1><!--尽量少用,会解析内 查看详情

vue从入门到放弃(代码片段)

vue——v-forforDemo.vue<template><div><p>遍历数组</p><ul><liv-for="(item,index)inlistArr":key="item.id">index-item.id-item.title</l 查看详情

vue从入门到放弃(代码片段)

插值表达式templateDemo.vue<template><div>HelloWorld!!!<h1>插值表达式</h1>msgnamesex=='1'?'男':'女'<h1>指令</h1><!--尽量少用,会解析内容,会导致 查看详情

vue从入门到放弃(代码片段)

今日学习内容:1.vuex的介绍2.vuex的结构和组成3.vuex的安装命令4.vuex的state、getters、mutations、actions的使用5.modules模块化和命名空间的使用vuex的介绍**VueX是一个专门为Vue.js应用设计的状态管理架构,统一管理和维护各个vue组... 查看详情

vue从入门到放弃(代码片段)

今日学习内容:1.vuex的介绍2.vuex的结构和组成3.vuex的安装命令4.vuex的state、getters、mutations、actions的使用5.modules模块化和命名空间的使用vuex的介绍**VueX是一个专门为Vue.js应用设计的状态管理架构,统一管理和维护各个vue组... 查看详情

vue-cli从入门到放弃(代码片段)

一:vue是单文件组件导:之前注册组件有什么缺点?1-?缺乏语法高亮2-格式不好整体3-没有专门的写css代码等等参考:vue=>工具=>单文件组件什么是单文件组件?后缀为.vue的文件单文件组件的三个组成部分(代码块:scaffold自动提示)templ... 查看详情

vue从入门到放弃(代码片段)

vue介绍Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整... 查看详情

初识pytorch:从安装到入门,从入门到放弃(代码片段)

目录PyTorch安装配置安装验证PyTorchPyTorch是Facebook团队于2017年1月发布的一个深度学习框架,虽然晚于TensorFlow,也没有TensorFlow火,但目前已经与TensorFlow奇虎相当。而且PyTorch采用了Python语言的接口,可以说它才是Pytho... 查看详情

深度学习---从入门到放弃pytorch基础(代码片段)

深度学习—从入门到放弃(一)pytorchTensor类似于numpy的array,pandas的dataframe;在pytorch里的数据结构是tensor,即张量tensor简单操作1.Flattenandreshape###Originalz:tensor([[0,1],[2,3],[4,5],[6,7],[8,9],[10,11]])Flatte 查看详情

clickhouse从入门到放弃(代码片段)

最近公司需要使用clickhouse做数据分析,我赶紧从docker上下载一个,学习学习。学习成本不大,会mysql就行。clickhouse下载分区基本使用下载下载clickhouse包dockerpullyandex/clickhouse-clientdockerpullyandex/clickhouse-server启动clickhouse-... 查看详情

clickhouse从入门到放弃(代码片段)

最近公司需要使用clickhouse做数据分析,我赶紧从docker上下载一个,学习学习。学习成本不大,会mysql就行。clickhouse下载分区基本使用下载下载clickhouse包dockerpullyandex/clickhouse-clientdockerpullyandex/clickhouse-server启动clickhouse-... 查看详情

django从入门到放弃(代码片段)

目录基于socket手写web框架基于wsgiref定义自己的web框架数据库取数据,渲染页面三大主流框架分析http协议分析Django下载,创建项目 基于socket手写web框架py文件importsocketdefserver_run():soc=socket.socket()soc.bind((‘127.0.0.1‘,8008))soc.listen... 查看详情

go语言从入门到放弃(代码片段)

HelloWorld我们先看看一个最简单的HelloWorld代码1packagemain23import"fmt"45funcmain()6fmt.Println("Hello,World!")7这段代码可以在控制台输出"Hello,World!"下面让我们来刨析一下此段代码第一行的packagemain 定义了该程序的包名为main,main的功能同其... 查看详情

docker从入门到放弃(代码片段)

...机时候用到的docker,时间长了也忘了,准备好好梳理学习入门一波。《十分感谢大神的文章,本文基于大神的文章学习整理。》一、入门基础??Docker使 查看详情