vue.js是啥

Posted 2023-04-15

参考技术A Vue.js：（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。
ue.js 是一个用于创建 web 交互界面的。其特点是
1.简洁 html 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。
2.数据驱动 自动追踪依赖的模板表达式和计算属性。
3.组件化 用解耦、可复用的组件来构造界面。
4.轻量 ~24kb min+gzip，无依赖。
5.快速 精确有效的异步批量 DOM 更新。
6.模块友好 通过 NPM 或 Bower 安装，无缝融入你的工作流。 参考技术B 回答

亲你好

Browserify是一个CommonJS风格的模块及依赖管理工具，它不仅是一个打包工具，更关键的是其javascript的模块及依赖管理能力。

browser js time项是browser.js更新时间戳。用于更新。browser javascript项是对browser.js的设定。

浏览器端口脚本



在 Vue.js + Firebase 中设置项目的更好方法是啥？ [复制]

【中文标题】在 Vue.js + Firebase 中设置项目的更好方法是啥？ [复制]

【英文标题】：What is the better way to set a project in Vue.js + Firebase? [duplicate]在 Vue.js + Firebase 中设置项目的更好方法是什么？ [复制]

【发布时间】：2021-05-30 06:51:39

【问题描述】：

我正在用 Vue.js + Firebase 做我的第一个项目。所以我有这个错误 Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app)

当我使用 Firestore 时，变成了一个组件。

在 ma​​in.js 我有

import firebase from 'firebase/app'

Vue.config.productionTip = false

 const firebaseConfig = 
   apiKey: "********",
   authDomain: "*******",
   projectId: "*******",
   storageBucket: "*********",
   messagingSenderId: "*********",
   appId: "*********",
   measurementId: "********"
 ;

firebase.initializeApp(firebaseConfig);

所以在 Dashboard.vue

import firebase from "firebase/app";
import "firebase/firestore";
const db = firebase.firestore();

在其他视图中，例如 Login.vue Register.vue

我用过

import firebase from "firebase/app";
import "firebase/auth";

在这些视图中有效！

谢谢！！！

【参考方案1】：

假设您使用的是 Vue CLI 应用程序，我总是在 created() 中初始化 Firebase，如下所示：

<script>
import firebase from "firebase/app"
import "firebase/auth"
import fbConfig from "@/creds/fbConfig.json";

export default 
  name: "ComponentName",
  data: () => ( ),
  created() 
    if (!firebase.apps.length) 
      firebase.initializeApp(fbConfig)
    
    firebase.auth().onAuthStateChanged((user) => 
      if (user) 
        console.log("User is logged in!")
      
    )
  

</script>

尽管确保你在每个父级 Vue 组件上都编写了这段代码！ 如果是模态或页面部分等子组件，则无需初始化应用。